<template>
    <view @tap="__e" class="mask data-v-3fa442c3" :data-event-opts="[['tap', [['cancel', ['$event']]]]]">
        <view @tap.stop.prevent="__e" class="mask-content animated bounceInUp data-v-3fa442c3" :data-event-opts="[['tap', [['', ['$event']]]]]">
            <text @tap="__e" class="new-iconfont icon-close close-btn data-v-3fa442c3" :data-event-opts="[['tap', [['cancel', ['$event']]]]]"></text>
            <view class="title data-v-3fa442c3">开盒榜单</view>
            <scroll-view @scrolltolower="__e" class="scroll-view data-v-3fa442c3" :data-event-opts="[['scrolltolower', [['fetchList', ['$event']]]]]" :scrollY="true">
                <view class="list-scope data-v-3fa442c3">
                    <view class="item-scope global-shadow-2 data-v-3fa442c3" hoverClass="hover" v-for="(item, index) in $root.l0" :key="index">
                        <view class="user-c data-v-3fa442c3">
                            <image class="headimg data-v-3fa442c3" mode="aspectFill" :src="item[$orig].user && item[$orig].user.headimg"></image>
                            <view class="name data-v-3fa442c3">{{ item[$orig].user && item[$orig].user.name }}</view>
                            <view class="time data-v-3fa442c3">{{ item.g0 }}</view>
                        </view>

                        <view class="sku-c data-v-3fa442c3">
                            <image class="thumb data-v-3fa442c3" mode="aspectFit" :src="item[$orig].sku.thumb"></image>
                            <view class="sku-title data-v-3fa442c3">{{ item[$orig].sku.title }}</view>
                            <view class="data-v-3fa442c3" style="flex-grow: 1"></view>
                            <view class="shang-title strong data-v-3fa442c3" v-if="item[$orig].level == 0">隐藏款</view>
                            <view class="total data-v-3fa442c3">{{ 'x' + item[$orig].total }}</view>
                        </view>
                    </view>
                    <no-data @__l="__l" class="data-v-3fa442c3" vueId="c43c88fc-1" v-if="$root.g1"></no-data>
                </view>
                <view class="data-v-3fa442c3" style="height: 30rpx"></view>
            </scroll-view>
        </view>
    </view>
</template>

<script>
import noData from '@/components/NoData/NoData';
import tabBar from '@/components/TabBar/tabBar';
(global.webpackJsonp = global.webpackJsonp || []).push([
    ['components/HiddenSkuRank/HiddenSkuRank'],
    {
        '0818': function (t, n, e) {
            'use strict';

            e.r(n);
            var i = e('28d0');
            var a = e('2e11');
            for (var o in a) {
                if (['default'].indexOf(o) < 0) {
                    (function (t) {
                        e.d(n, t, function () {
                            return a[t];
                        });
                    })(o);
                }
            }
            e('27d9');
            var c = e('f0c5');
            var u = Object(c.a)(a.default, i.b, i.c, false, null, '3fa442c3', null, false, i.a, void 0);
            n.default = u.exports;
        },
        '27d9': function (t, n, e) {
            'use strict';

            var i = e('d7d2');
            e.n(i).a;
        },
        '28d0': function (t, n, e) {
            'use strict';

            e.d(n, 'b', function () {
                return a;
            });
            e.d(n, 'c', function () {
                return o;
            });
            e.d(n, 'a', function () {
                return i;
            });
            var i = {
                NoData: function () {
                    return e.e('components/NoData/NoData').then(e.bind(null, 'cafe'));
                }
            };
            var a = function () {
                var that = this;
                var n =
                    (that.$createElement,
                    that._self._c,
                    that.__map(that.list, function (n, e) {
                        return {
                            $orig: that.__get_orig(n),
                            g0: that.$tool.formatDate(n.created_at, 'MM/dd hh:mm')
                        };
                    }));
                var e = !that.list.length && that.isInit;
                that.$mp.data = Object.assign(
                    {},
                    {
                        $root: {
                            l0: n,
                            g1: e
                        }
                    }
                );
            };
            var o = [];
        },
        '2e11': function (t, n, e) {
            'use strict';

            e.r(n);
            var i = e('8b1f');
            var a = e.n(i);
            for (var o in i) {
                if (['default'].indexOf(o) < 0) {
                    (function (t) {
                        e.d(n, t, function () {
                            return i[t];
                        });
                    })(o);
                }
            }
            n.default = a.a;
        },
        '8b1f': function (t, n, e) {
            'use strict';

            (function (t) {
                Object.defineProperty(n, '__esModule', {
                    value: true
                });
                n.default = void 0;
                var e = {
                    components: {},
                    data: function () {
                        return {
                            isInit: false,
                            list: [],
                            total: 0,
                            page: 1,
                            perPage: 20,
                            tag: 'all'
                        };
                    },
                    props: {
                        info: {
                            type: Object
                        }
                    },
                    computed: {},
                    watch: {},
                    created: function () {
                        this.initData();
                    },
                    methods: {
                        initData: function () {
                            t.showLoading({
                                title: '加载中'
                            });
                            this.fetchList().then(function (n) {
                                t.hideLoading();
                            });
                        },
                        fetchList: function () {
                            var that = this;
                            return (
                                !this.isLoading &&
                                ((this.isLoading = true),
                                this.$http('/boxes/'.concat(this.info.uuid, '/records'), 'GET', {
                                    page: this.page,
                                    per_page: this.perPage
                                })
                                    .then(function (n) {
                                        that.isInit = true;
                                        that.list = that.list.concat(n.data.list);
                                        that.isLoading = false;
                                        that.page++;
                                        that.total = n.data.item_total;
                                    })
                                    .catch(function (n) {
                                        that.isInit = false;
                                    }))
                            );
                        },
                        cancel: function () {
                            this.$emit('close');
                        }
                    },
                    onPageScroll: function (t) {}
                };
                n.default = e;
            }.call(this, e('543d').default));
        },
        d7d2: function (t, n, e) {}
    }
]);
(global.webpackJsonp = global.webpackJsonp || []).push([
    'components/HiddenSkuRank/HiddenSkuRank-create-component',
    {
        'components/HiddenSkuRank/HiddenSkuRank-create-component': function (t, n, e) {
            e('543d').createComponent(e('0818'));
        }
    },
    [['components/HiddenSkuRank/HiddenSkuRank-create-component']]
]);
</script>
<style>
@import './HiddenSkuRank.css';
</style>
